<template>
  <div class="tencentMapBox">
    这是一个腾讯地图演示版本
    <div id="container" />
  </div>
</template>

<script>
/* eslint-disable no-undef */
export default {
  name: 'TencentMapBase',
  data() {
    return {
      map: null
    }
  },
  created() {
    this.$nextTick(() => {
      this.initMap()
    })
  },
  methods: {
    initMap() {
      const e = new this.$Map.LatLng(39.984120, 116.307484)
      const temp = document.getElementById('container')
      this.map = new TMap.Map(temp, {
        center: e, // 设置地图中心点坐标
        zoom: 17.2, // 设置地图缩放级别
        pitch: 43.5, // 设置俯仰角
        rotation: 45 // 设置地图旋转角度
      })
    }
  }
}
</script>

<style>
</style>
